<style scoped>
/*  */
.menu_box {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
  margin: 0 auto;
  user-select: none;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
}

</style>

<template>
  <div class="menu_box">
    <el-menu :default-active="$route.path" router active-text-color="#ff6532" class="el-menu-demo" mode="horizontal">
      <template v-for="(item) in dataList">
        <el-menu-item :index="item.path" :key="item.path">
          <span slot="title" style="font-weight:600">{{item.title}}</span>
        </el-menu-item>
      </template>
    </el-menu>
  </div>
</template>
<script>
export default {
  props: {
    dataList: {}
  },
  components: {},
  data() {
    return {
      activeIndex: 1
    };
  },
  filters: {},
  created: function() {},
  mounted() {
    let self = this;
  },
  watch: {},
  methods: {}
};
</script>
